<template>
    <div id="item">
        <van-row>
            <van-col span="10">{{ name }}</van-col>
            <van-col span="2" offset="3">{{ num }}</van-col>
            <van-col span="2" offset="1"><van-button round size="mini" type="info" @click="onDelete">-</van-button></van-col>
            <van-col span="2" offset="1"><van-button round size="mini" type="info" @click="onAdd">+</van-button></van-col>
            <van-col span="2" offset="1"><van-button round size="mini" type="info" icon="delete" @click="onClear"></van-button></van-col>
        </van-row>
    </div>
</template>

<script>
    export default {
        name: "item",
        data(){
            return{
                name: '蛋炒饭',
                num: 2,
            }
        },
        methods:{

        }
    }
</script>

<style scoped>
#item{
    width: 100%;
    height: 30px;
    margin: 2px;
    padding: 2px;
    text-align: left;
}
</style>